<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第46个CSS页面</title>
    <style>

        ul {
            background-color: yellow;
            margin:10px 10px 10px 10px;
            padding: 5px 5px 5px 5px;
            border: 1px solid red;
        }

        li {
            color: white;
            background-color: blue;
            margin:12px 12px 12px 12px;
            padding:5px 5px 5px 5px;
        }

        li.l1 {
            border: dashed 1px lime;
        }

    </style>


</head>
<body>

<ul>
    <li>
        First element of list
    </li>

    <li class="l1">
        Second element of list
    </li>
</ul>

</body>
</html>